.main-aeiou {
    padding: 2rem 15px;
}


.aeiou-bg-form {
    background: #fcf1d4;
    padding-bottom: 2.5rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.aeiou-btn {
    background-color: #94C92F;
}

.btn:hover {
    background-color: #94C92F;
}

.bg-pink {
    background: #ef5a84;
}

.text-pink {
    color: #ef5a84;
}

.bg-purple {
    background: #7074cd;
}

.bg-orange {
    background: #ff7f00;
}

/*
        .aeiou-img {
            position: relative;
            background: #fcf1d4;
            height: 500px;
        }
*/

.aeiou-bg-img {
    /*            background: pink;*/
    position: relative;
    height: 250px;
    /*            padding-top: 10rem;*/
}

.aeiou-bg-img:after {
    content: '';
    background: #fcf1d4;
    position: absolute;
    z-index: 1;
    height: 30%;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.aeiou-bg-img img {
    /*            height: 90%;*/
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    margin: 0 auto;
    object-fit: contain;
    bottom: 0;
    width: 90%;
}




@media screen and (min-width: 480px) {
    .aeiou-bg-img {
        height: 500px;
    }
}

@media screen and (min-width: 768px) {
    .aeiou-bg-form {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }



    .aeiou-bg-img img {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {

    .aeiou-bg-img {
        height: 630px;
    }
}

@media screen and (min-width: 1366px) {

    .aeiou-bg-img {
        height: 760px;
    }
}

@media screen and (min-width: 1440px) {

    .aeiou-bg-img {
        height: 880px;
    }
}

/*
        @media screen and (min-width: 1600px) {

            .aeiou-bg-img {
                height: 880px;
            }
        }
*/